<template>
    <div class="next-box">
        <div class="container">
            <div class="bot">
                <div class="warp">
                    <h3>交易规则</h3>
                    <div class="title title1">
                        <h3>投资周期</h3>
                        <ul>
                            <li>
                                <span>产品特点</span>
                                <span>本产品为银行存款，本金保障</span>
                            </li>
                            <li>
                                <span>购买说明</span>
                                <span>当日购买，当日起息，不分节假日</span>
                            </li>
                            <li>
                                <span>支取说明</span>
                                <span>到期日自动返还本息，可提前支取</span>
                            </li>
                        </ul>
                    </div>
                    <div class="title title2">
                        <h3>购买与领取</h3>
                        <ul>
                            <li>
                                <span>购买金额</span>
                                <span>100元起存，1元递增；单笔上限500万元</span>
                            </li>
                            <li>
                                <span>购买规则</span>
                                <span> 买入当日起息，不分节假日。下一自然日可查看收益</span>
                            </li>
                            <li>
                                <span>支取金额</span>
                                <span>需一次性全额支取</span>
                            </li>
                            <li>
                                <span>支取规则</span>
                                <span>持有满30天后自动兑付；支持提前支取</span>
                            </li>
                            <li>
                                <span>到账说明</span>
                                <span>到期日24:00前本息回款至众邦银行电子账户</span>
                            </li>
                        </ul>
                    </div>
                    <div class="title title3">
                        <h3>收益与费用</h3>
                        <ul>
                            <li>
                                <span>收益规则</span>
                                <span>持有满期将按满期年化收益率计算收益；如发生提前支取，
                                将按银行挂牌活期利率计息，具体以银行公布为准</span>
                            </li>
                            <li>
                                <span>费用规则</span>
                                <span>购买、支取及提现均无手续费</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<style lang="scss" scoped>
    .next-box{
        margin: 29px 0 0;
        .container{
            width: 940px;
            margin: 29px auto;
            background: #fff;
            position: relative;
            &::after{
                        position: absolute;
                        display: block;
                        content: '';
                        height: 1px;
                        background: #ddd;
                        width: 100%;
                        top: 45px;
                    }
            .warp{
                margin-left: 58px;
                padding-bottom: 29px;
                h3{
                    height: 45px;
                    line-height: 45px;
                    font-size: 14px;
                    color: #ED6039;
                }
                .title{
                    margin-top: 46px;
                    h3{
                        color: #333;
                        font-size: 14px;
                        &::before{
                            display: inline-block;
                            margin-right: 15px;
                            content: '';
                            height: 15px;
                            width: 3px;
                            background: #ed6039;
                        }
                    }
                    ul{
                        li{
                            span{
                                display: inline-block;
                                margin-right: 15px;
                                font-size: 12px;
                            }
                            span:nth-of-type(1){
                                color: #666666;
                            }
                        }
                    }
                }
            }
        }
    }
</style>